<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/contact.css">
    <link rel="stylesheet" href="css/common.css">
    <title>Document</title>
</head>

<body>
    <!-- 顶部网页 -->
    <div class="header-c">
        <div class="ima">
            <img src="img/img1/1.png" alt="">
        </div>
        <div class="nav">
            <ul>
                <li>
                    <a href="index.html">首页</a>
                    <div class="line"></div>
                </li>
                <li><a href="project.html">项目案例</a>
                    <div class="line"></div>
                </li>
                <li><a href="join.html">加入我们</a>
                    <div class="line"></div>
                </li>
                <li class="one"><a href="contact.html">联系我们</a>
                    <div class="line"></div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 顶部手机 -->
    <div class="header-m">
        <div class="ima">
            <img src="img/img1/1.png" alt="">
        </div>
        <div class="icon">
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
        </div>
        <div class="show">
            <div class="show-item"><a href="./index.html">首页</a></div>
            <div class="show-item"><a href="./project.html">项目案例</a></div>
            <div class="show-item"><a href="./join.html">加入我们</a></div>
            <div class="show-item"><a href="./contact.html">联系我们</a></div>
        </div>
    </div>
    <div class="local"></div>
    <div class="jieshao">
        <h2>关于不凡科技</h2>
        <p>bufan</p>
    </div>
    <!-- 描述网页 -->
    <div class="des">
        <div class="one">
            <div class="ima"></div>
            <div class="title">优势</div>
            <div class="text">提供全方位网站建立+数字化营销服务，2016年至今
                已经服务100余家客户。 我们可以完成优质网站建设
                的同时，更可为您提供增值的数字化营销服务。不凡
                科技对客户和作品永远坚持宁缺毋滥的原则, 没有把
                网站纳入到企业战略高度的客户我们拒绝承接！</div>
        </div>
        <div class="two">
            <div class="ima"></div>
            <div class="title">理念</div>
            <div class="text">
                我们致力于用户体验的持续提升，以用户为中心，力求视觉设计与交互设计的完美契合。并且我们以科学规范的流程，勤奋专注的态度，为客户提供全方位的设计服务。专注UI设计，以设计驱动企业价值的持续增长，实现您的商业目标！
            </div>
        </div>
        <div class="three">
            <div class="ima"></div>
            <div class="title">团队</div>
            <div class="text">
                我们的团队成员由资深设计师、资深前端工程师及技术负责人、开发工程师等组成。团队成员均有在大型互联网工作经验。我们是追求品质与力求不断超越自己的团队，我们尊重每次合作的机会与挑战力求完美。</div>
        </div>
        <div class="map">
            <img src="../img/img2/map.jpg" alt="">
        </div>
    </div>

    <!-- 描述手机 -->
    <div class="des-m">
        <div class="one">
            <h3 class="title">优势</h3>
            <p class="text">提供全方位网站建立+数字化营销服务，2016年至今
                已经服务100余家客户。 我们可以完成优质网站建设
                的同时，更可为您提供增值的数字化营销服务。不凡
                科技对客户和作品永远坚持宁缺毋滥的原则, 没有把
                网站纳入到企业战略高度的客户我们拒绝承接！</p>
        </div>
        <div class="one two">
            <h3 class="title">理念</h3>
            <p class="text">
                我们致力于用户体验的持续提升，以用户为中心，力求视觉设计与交互设计的完美契合。并且我们以科学规范的流程，勤奋专注的态度，为客户提供全方位的设计服务。专注UI设计，以设计驱动企业价值的持续增长，实现您的商业目标！
            </p>
        </div>
        <div class="one three">
            <h3 class="title">团队</h3>
            <p class="text">
                我们的团队成员由资深设计师、资深前端工程师及技术负责人、开发工程师等组成。团队成员均有在大型互联网工作经验。我们是追求品质与力求不断超越自己的团队，我们尊重每次合作的机会与挑战力求完美。</p>
        </div>
        <div class="map">
        </div>
    </div>
    <!-- 底部网页 -->
    <div class="footer">
        <div class="up">
            <div class="up-c">
                <div class="lianxi">
                    <span class="one">联系我们</span>
                    <span>Contact Us</span>
                </div>
                <div class="bufan">
                    <img src="img/img1/18.png" alt="">
                    <p>郑州不凡科技有限公司</p>
                </div>
                <div class="dizhi">地址：郑东新区绿地新都会6号楼1210 <br>
                    电话：0371-55602883 <br>
                    手机：18838180363</div>
                <div class="luxian">
                    路线：地铁1号线 东风南路站C口出向北步行300米(近郑州东站) <br>
                    郵编：450000 <br>
                    邮箱：bd@bufanui.com
                </div>
            </div>
        </div>
        <div class="down">
            <div class="down-c">
                ©2017不凡科技 郑州IT技术服务 豫ICP备17015347号
            </div>
        </div>
    </div>
    <!-- 底部手机 -->
    <div class="footer-m">
        <h1>联系我们</h1>
        <p class="ename">Contact Us</p>
        <img src="img/img1/18.png" alt="">
        <p class="name">郑州不凡科技有限公司</p>
        <div class="dizhi">地址：郑东新区绿地新都会6号楼1210 <br>
            电话：0371-55602883 <br>
            手机：18838180363</div>
        <div class="luxian">
            路线：地铁1号线 东风南路站C口出向北步行300米
            <br> (近郑州东站) <br>
            郵编：450000 <br>
            邮箱：bd@bufanui.com
        </div>
        <div class="down">
            <div class="down-c">
                <span class="one">©2017不凡科技 郑州IT技术服务 </span>
                <span class="two">豫ICP备17015347号</span>
            </div>
        </div>
    </div>


    <script src="./jquery.js"></script>
    <script>
        // 顶部右上角
        var click = false
        $('.header-m .icon').click(function () {
            click = !click;
            if (click) {
                $('.show').slideDown(400);
                $(".local").css({
                    'height':'228px'
                })
            } else {
                $('.show').slideUp(400);
                $(".local").css({
                    'height':'60px'
                })
            }
            $(this).toggleClass('act')
        })
    </script>
</body>

</html>